@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1340{width: 1340px;margin:0 auto;}
.ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*header start*/
.header .head_top{height: 35px;background: #efefef;line-height: 35px;border-bottom: 1px solid #dfdfdf}
.header .head_top a{padding: 0 15px;}
.header .head_top a:nth-child(3) {padding-right: 0px}
.header .head_body{height:auto;}
.header .head_body .logo{}
.header .hb_r{width: 400px}
.header .hb_r .tel{height: 61px;line-height: 61px;text-align: right;font-size: 18px;background: url(../images/tel.png) no-repeat 80px center;margin-top: 20px;}
.header .hb_r .tel b{font-family: Arial;font-size: 28px;color: #196BB7}
.header .nav{background: #196BB7}
.header .nav ul{height: 50px;line-height: 50px;}
.header .nav ul li{float: left;width: 150px;height: 50px;line-height: 50px;text-align: center; position: relative;}
.header .nav ul li a{font-size: 16px;color: #fff;display: block;}
.header .nav > ul > li:nth-child(2n+1) {background: #1560a6}
.header .nav ul li:hover {background: #19953F}
.header .nav ul li:hover ul{ display: block;}
.header .nav ul li ul{ display: none; position: absolute; top:50px;left:0px; z-index: 99999; background: rgba(0,0,0,0.6); height: auto;line-height:30px;width:100%;}
.header .nav ul li ul li{float:none; padding: 5px 0px; width:100%; height:25px;line-height:25px; }
.header .nav ul li ul li a{ font-size:14px; display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding: 0px 2px;}
.header .nav ul li ul li:hover{ background: #196BB7;}
/*header end*/

/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height:500px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: #aaa;
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius: 10px;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background: #19953F;
}

.flexslider .slides a img {
	width: 100%;
	height: 500px;
	display: block;
}
/*banner end*/

.title{ background:url(../images/ab_line01.png) no-repeat center ;height: 85px;text-align: center;}
.title p{font-size: 35px;color: #333;text-align: center;line-height: 40px;padding-bottom: 10px;font-weight: bold;}
.title i{display: block;font-size: 15px;color: #888;font-weight: normal;line-height: 36px;text-align: center;}

/*product start*/
.product{padding: 50px 0;}
.pro_list{position: relative;text-align: center;}
.pro_list > ul > li{width: 250px;margin-left: 66px;float: left;margin-top: 25px}
.pro_list > ul > li > a {height: 40px;display: block;background: #196bb7;text-align: center;color: #fff;line-height: 40px;font-size: 16px}
.pro_list > ul > li:nth-child(1) {margin-left: 0px;}
.pro_list > ul > li:hover > a{background: #19953F}
.pro_list > ul > li ul li:hover a{color: #196bb7}
.pro_body > ul li{float: left;width: 280px;margin-left: 26px;margin-top: 40px;}
.pro_body > ul li:nth-child(4n+1) {margin-left: 0px;}
.pro_body > ul li .img{width: 278px;border:1px solid #eaeaea;height: 210px;overflow: hidden;}
.pro_body > ul li .img img{width: 278px; height: 210px; display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.pro_body > ul li:hover .img img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}

.pro_body > ul li .zi{width: 280px;height: 75px;background: url(../images/prozibg1.jpg) repeat-x center top;;text-align: center;}
.pro_body > ul li .zi p{text-align: center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 16px;line-height: 40px;padding: 0 15px}
.pro_body > ul li .zi i{display: block;width: 26px;height: 26px;line-height: 23px;background: #196bb7;border-radius: 26px;color: #fff;font-size: 22px;margin: 0 auto;}
.pro_body > ul li:hover .zi{background: url(../images/prozibg2.jpg) repeat-x center top;color: #fff}
.pro_body > ul li:hover .zi i{background: #eaeaea;color: #196bb7}
/*product end*/


/*case start*/
.case{width:100%;overflow:hidden;padding:0 0 50px 0px;z-index:1;position:relative;}
.case .bg{position:absolute;width:100%;height:175px;background:#00458e;left:0;bottom:0;z-index:-1;}
.case .more{display:block;float:right;height:50px;line-height:50px;}
.case a.case_tit{display:block;height:50px;padding-left:45px;line-height:50px;font-size:24px;background:url(../images/case_icon.png) no-repeat 0 50%;}
.case .more:hover {color:#00458e;}
.case-silder{position:relative;margin-top:25px;}
.case-silder .btn{position:absolute;width:66px;height:66px;top:50%;margin-top:-54px;background:url(../images/case_btn.png);cursor:pointer;z-index:3;}
.case-silder .btn.prev{left:-80px;background-position:0 0;}
.case-silder .btn.next{right:-80px;background-position:-66px 0;}
.case-silder .box{overflow:hidden;}
.case-silder ul{overflow:hidden;width:100000px;}
.case-silder li{width:290px;float:left;margin-right:13px;text-align:center;}
.case-silder a{display:block;}
.case-silder .pic{width:288px;height:216px;border:1px solid #c2c2c2;}
.case-silder .pic img{width:288px;height:216px;vertical-align:middle;}
.case-silder .ti{height:50px;line-height:50px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 15px}
.case-silder li:hover .pic{border-color:#00458e;}
/*case end*/

/*company start*/
.company{padding: 50px 0;background: url(../images/combg.jpg) no-repeat center top;}
.company .title{ background:url(../images/ab_line02.png) no-repeat center ;height: 85px;text-align: center;}
.company .title p{font-size: 35px;color: #fff;text-align: center;line-height: 40px;padding-bottom: 10px;font-weight: bold;}
.company .title i{display: block;font-size: 15px;color: #fff;font-weight: normal;line-height: 36px;text-align: center;}
.company .com_body{padding-top: 30px;}
.company .com_body .com_r{width: 540px;margin-left: 50px;}
.company .com_body .com_r b{font-size: 24px;color: #fff;display: block;padding:25px 0;border-bottom: 1px solid #7e99ad;letter-spacing: 3px;background:url(../images/comt.png) no-repeat left top;margin: 20px 0 30px}
.company .com_body .com_r p{color: rgba(255,255,255,0.8);line-height: 180%;text-indent: 2em;font-size: 15px}
.company .com_body .com_r a.more{width: 120px;height: 35px;background:#19953F;display: block;line-height: 35px;text-align: center;font-size: 15px;color: #fff;}

.company .com_bot{background: #f4f4f4;width: 1140px;padding:50px 30px;margin: 50px auto 0;}
.company .com_bot ul li{width: 380px;text-align: center;background: url(../images/line.png) no-repeat center left;}
.company .com_bot ul li:nth-child(1) {background: none;}
.company .com_bot ul li i{display: block;width:150px;height: 150px;margin:0px auto 15px auto; transition: all 0.5s ease-in-out;}
.company .com_bot ul li i.i1{background: url(../images/icon1.png) no-repeat center;}
.company .com_bot ul li i.i2{background: url(../images/icon2.png) no-repeat center;}
.company .com_bot ul li i.i3{background: url(../images/icon3.png) no-repeat center;}
.company .com_bot ul li i.i4{background: url(../images/icon4.png) no-repeat center;}
.company .com_bot ul li b{font-size: 20px;text-align: center;letter-spacing: 2px;color: #196bb7;display: block;padding-bottom: 10px;}
.company .com_bot ul li em{display: block;padding: 0 50px;font-size: 15px}
/*company end*/

/*new start*/
/*.new{padding: 50px 0;background: url(../images/photo_bg.gif);}
.new .new_body{margin-top: 30px}
.new_l,.new_r{width: 570px;}
.news2{display: block;background: #fff;padding: 30px;}
.news2 .new2_l .date{font-size:22px;font-weight:bold;color:#333;}
.news2 .new2_l span{display:block;width:26px;height:26px;text-align:center;line-height:26px;background:url(../images/newjt.png) no-repeat center #dadada;color:#696969;border-radius:50%;margin-top:30px;}
.news2 .text_box{margin-left:100px;}
.news2 .text_box .text_title{font-size:16px;color:#333;font-weight:bold;}
.news2 .text_box .text{line-height:24px;color:#696969;margin-top:25px;height:48px;overflow:hidden;}
.news2:hover {background: #888;}
.news2:hover .date{color: #fff}
.news2:hover .text_title{color: #fff}
.news2:hover .text{color: #fff}
.news3{margin-top: 15px;}
.news3 li{height: 35px;line-height: 35px;border-bottom: 1px dashed #dfdfdf}
.news3 li a{display: inline-block;width: 450px;}
.news3 li span{float: right;}
.news3 li:hover a{color: #F10001}
.news3 li:hover span{color: #F10001}*/
/*new end*/

/*new start*/
.new{padding:30px 0 50px 0;background: #f1f1f1}
.new .new_body{padding-top: 20px;}
.new .new_body .new_l{width: 650px;}
.new_con{width:100%;margin-top: 20px;background: #fbfbfb;}
.new_con .title{display: inline-block;width:70px;height:75px;background: #aaa;color: #fff;padding-top: 5px;float: left;text-align: center}
.new_con .title b{color:#fff;line-height: 45px;font-size: 38px;}
.new_con .cont{display: inline-block;height: 80px;width:calc(100% - 95px);float: right;margin-right: 10px}
.new_con .cont .xwtitle{clear: both;}
.new_con .cont p{line-height: 200%;font-size: 17px;color: #333;padding-top: 7px;display: block;width:calc(100% - 70px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: left;}
.new_con .cont font{line-height: 160%;color: #777;font-size: 15px;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_con:hover .title{background: #196BB7}
.new_con .xwtitle em{display:block;width: 20px;height: 20px;background: #aaa;color: #fff;text-align: center;line-height: 20px;float: right;margin-top: 15px}
.new_con:hover .xwtitle em{background: #196BB7}

.new .new_body .new_r{width: 470px;}
.new .new_body .new_r .top{width: 470px;height: 14px;background: url(../images/line.jpg) no-repeat center;}
.new .new_body .new_r ul{padding-top: 10px}
.new .new_body .new_r ul li{height: 48px;line-height: 48px;border-bottom: 1px dashed #dfdfdf}
.new .new_body .new_r ul li p{width: 340px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 48px;padding-left: 30px;background: url(../images/jt.png) no-repeat center left;font-size: 15px;}
.new .new_body .new_r ul li:hover p{color: #196BB7;background: url(../images/jt1.png) no-repeat center left;}
/*new end*/

/*footer start*/
.g_ft{ height:auto;background: url(../images/f_bg.jpg) repeat-x;}
.g_ft .ftico1{background: url(../images/ftico1.jpg) no-repeat;width: 150px;}
.f_nav{ height: 54px; line-height: 54px; text-align: center;}
.f_nav li{ display: inline-block;background: url(../images/f_nav.png) no-repeat right 21px;}
.f_nav a{ color: #fff; font-size: 16px; display: inline-block; padding: 0 42px;}
.f_nav li:nth-last-of-type(1) { background: none;}
.f_nav a:hover{ text-decoration: underline;}
.f_con{ overflow: hidden; height: auto; padding: 40px 0px 20px 0px;}
.f_con .ewm_f{ float: left;}
.f_con .ewm_f p{writing-mode: tb-rl;letter-spacing: 5px;padding-left: 10px;color: #fff;font-size: 16px;}
.f_con .ewm_f p.p1{padding-top: 45px;letter-spacing: 5px}
.f_con .ewm_f p.p2{padding-top: 23px;}
.f_con ul{ width: 100%;margin-top: 5px; text-align:center;}
.f_con ul li{padding-left:60px;padding-right:50px;background: url(../images/ftico1.png) no-repeat; height: 45px;line-height: 30px; display:inline-block;}
.f_con ul li.bg2{background: url(../images/ftico2.png) no-repeat; }
.f_con ul li.bg3{background: url(../images/ftico3.png) no-repeat; }
.f_con ul li i{ color: #eee; font-size: 16px;}
.f_con ul li em{ color: #eee; font-size: 16px;}
.f_copy{ line-height: 55px; height: 55px; font-size: 14px; color: #eee; text-align: center;}
.f_copy a{color: #eee}
/*footer end*/